<template>
  <div class="check_detail">
    <head-top head-title="详情" go-back="true"></head-top>
    <div class="check_all">
      <ul>
        <li v-for="(list,index) in details">
          <h3>{{list.category_name}}</h3>
          <a v-show="list.img">
            <des-image :list="list.img"></des-image>
          </a>
          <p class="border-bottom"><span>问题描述：</span>{{list.resolvent}}</p>
        </li>
      </ul>
    </div>
  </div>
</template>
<style lang="scss">
  @import "../../common/sass/mixin.scss";

  .check_detail {
    width: 100%;
    padding-top: 40px;
    background: #fff;
    .check_all {
      ul {
        li {
          padding: 10px;
          h3 {
            font-size: 15px;
            font-weight: normal;
          }
          p {
            padding: 10px 0;
            font-size: 13px;
            color: #656565;
          }
        }
      }
    }
  }
</style>
<script>
  import headTop from '../header/Header.vue'
  import desImage from '../common/desImge.vue'
  import { getCheckDetail } from '../../api/supervise.js'

  export default {
    name: 'CheckDetail',
    data () {
      return {
        details: []
      }
    },
    created () {
      this._getCheckDetail()
    },
    methods: {
      _getCheckDetail () {
        getCheckDetail(this.$route.params.id, this.$route.params.upid).then(res => {
          if (res.code === 200) {
            this.details = res.data
            // console.log(this.details)
          }
        })
      }
    },
    components: {
      headTop,
      desImage
    }
  }
</script>
